import type { Config } from 'tailwindcss'
import defaultTheme from 'tailwindcss/defaultTheme'

export default <Partial<Config>>{
  content: ['./src/**/*.{vue,js,ts,jsx,tsx}', './index.html'],
  safelist: [],
  theme: {
    screens: {
      // 横屏且最大高度为431px
      'v-small': {
        raw: 'all and (orientation: landscape) and (max-height: 431px)',
      },
      // 最大高度为668px
      'h-small': {
        raw: '(max-height: 668px)',
      },
      ...defaultTheme.screens,
    },
    extend: {
      spacing: {
        34: '8.5rem',
        100: '25rem',
        116: '29rem',
        150: '37.5rem',
        230: '57.5rem',
      },
    },
  },
}
